<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>

<!--
    storage listbox with dynamic query parameters
-->

<window title="XUL Template Tests" width="500" height="600"
        onload="test_storage_template();"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

  <body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>

  <data id="output"/>

  <data id="rebuilt-output">
    <listitem anyid="true" label="Barn Owl"/>
    <listitem anyid="true" label="Emu"/>
    <listitem anyid="true" label="Raven"/>
  </data>

<script src="templates_shared.js"/>

<script>
<![CDATA[
SimpleTest.waitForExplicitFinish();

copyToProfile('animals.sqlite');

function test_storage_template()
{
  var root = document.getElementById("root");
  expectedOutput = document.getElementById("output");
  checkResults(root, 0);

  document.getElementById("species-id").textContent = '2';
  root.builder.addListener(myBuilderListener);
  root.builder.rebuild();
}

var myBuilderListener = {

   willRebuild: function(aBuilder) {

   },
   didRebuild: function (aBuilder) {
        var root = document.getElementById("root");
        expectedOutput = document.getElementById("rebuilt-output");
        checkResults(root, 0);
        SimpleTest.finish();
   }
}

var testid ="storage listbox with dynamic query parameters";
var queryType = "storage";
var isTreeBuilder = false;
var needsOpen = false;
var notWorkingYet = false;
var notWorkingYetDynamic = false;
var expectedOutput = document.getElementById("output");

var changes = [];
]]>
</script>

<listbox  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="root" 
              flex="1"  datasources="profile:animals.sqlite" ref="." querytype="storage">
    <template>
        <query>
             SELECT * FROM animals WHERE species_id = :spec ORDER BY name
            <param id="species-id" name="spec" type="int32" />
        </query>
        <action>
            <listitem uri="?" label="?name"/>
        </action>
    </template>
</listbox>



</window>
